<template>
  <div class="app-container">
    <el-row :gutter="20">
      <el-col :span="10">
        <custom-left ref="left" @fall-back="callBack" />
      </el-col>
      <el-col :span="14">
        <custom-right ref="right" />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import CustomLeft from './component/left'
import CustomRight from './component/right'
export default {
  name: 'Index',
  components: { CustomLeft, CustomRight },
  methods: {
    callBack(data) {
      this.$nextTick(() => {
        this.$refs.right.initParent(data)
      })
    }
  }
}
</script>

<style scoped>

</style>
